<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>子页面</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
    <link rel="stylesheet" href="http://192.168.3.115/web/res/css/xadmin.css">
    <script src="http://192.168.3.115/web/res/lib/layui/layui.js" charset="utf-8"></script>
    <script src="http://192.168.3.115/web/res/js/xadmin.js"></script>
    <style>
      body{
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
      }
    </style>
</head>
<script>
  function openParent() {

    // 若是编辑页面，则判断其他必填项填写完毕，
    // 将已填写数据传递到主页面，再进行文件上传
    // 主页面在文件上传完毕后，可实现提交全部数据的逻辑，然后给用户弹出反馈信息。
    // 从而实现当前页面已关闭，上传仍在进行，上传完毕提交数据，并给用户反馈的功能
    // 用户无需再当前页面一直等待。
    parent.sliceUpload.switch({
      text: '我是子页面的数据'
    })

    // 若不是编辑页面，也无需传递其他数据，直接调用即可
    // parent.sliceUpload.switch();

  }
</script>

<body>
  <h1>调用父级上传，实现关闭页面仍然上传，上传成功的逻辑请在全局编写。</h1>
  <button class="layui-btn" onclick="openParent()">上传</button>
</body>
</html>
